<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="copyright" content="职教招生网">
<meta name="author" content="职教招生网">
<title>职教招生网</title>
<link rel="stylesheet" href="static/css/lib/vant.css">
<script src="./static/js/basic.js"></script>
<script src="./static/js/lib/vant.js"></script>
<script src="./static/js/component.js" defer></script>
<script src="./static/js/nav.js"></script>
</head>

<body>
  <div v-cloak class="main zxb-jylx" id="app">
    <layout :header="true">
      <common-ban :img="ban"></common-ban>
      <div class="jylx-m1 box">
        <common-title title="哪些学生适合报考教育学专业？" top="0.5" bottom="0.45"></common-title>
        <dl class="list flex-bect">
          <dd v-for="(item, index) in m1" :key="index" class="item" :class="'item'+index">
            <span class="num flex-ct">0{{index+1}}</span>
            <div class="intro" v-html="item.intro"></div>
          </dd>
        </dl>
      </div>
      <div class="jylx-m2 box">
        <common-title title="教育学包括哪些专业？" top="0.56" bottom="0.43"></common-title>
        <div class="flex-bect">
          <dl v-for="(items, j) in m2" :key="j" class="list" :class="'list'+j">
            <dt class="top">{{items.name}}</dt>
            <dd v-for="(item, index) in items.lable" :key="index" class="item flex-ct" :class="'item'+index">
              <a href="javascript:void(0);" class="name flex-ct">{{item.name}}</a>
            </dd>
          </dl>
        </div>
      </div>
      <div class="jylx-m3 box">
        <div class="con">
          <img :src="ban1" />
          <a href="javascript:void(0);" class="btn">立即咨询</a>
        </div>
        <dl class="list">
          <dd v-for="(item, index) in m3" :key="index" class="item" :class="'item'+index" v-html="item"></dd>
        </dl>
      </div>
      <school-module></school-module>
      <form2-module tit="教育理学专业"></form2-module>
    </layout>
  </div>

  <script type="text/babel">
    new Vue({
      el: '#app',
      data: {
        ban:'./static/image/13jylx/banner.png',
        ban1:'./static/image/13jylx/1.png',
        m1:[],
        m2:[],
        m3:[],
        m4:[],
        
      },
      mounted() {
        this.getCon();
      },
      methods:{
        
        getCon(){
          // <span class="red"></span>
          this.m1 = [
            {intro:'学文科的考生。教育学类的专业都是<span class="red">人文社科性质</span>的专业，对于文科生而言是最对口的专业类别之一'},
            {intro:'体育特长生。教育学类当中的<span class="red">体育学类</span>专业非常适合体育特长生报考'}
          ]
          this.m2 = [
            {
              name:'（一）教育学类',
              lable:[
                {name:'教育学'}, 
                {name:'科学教育'}, 
                {name:'人文教育'}, 
                {name:'教育技术学'}, 
                {name:'艺术教育'}, 
                {name:'学前教育'}, 
                {name:'小学教育'}, 
                {name:'特殊教育'}, 
                {name:'华文教育'}, 
                {name:'教育康复学'}, 
                {name:'卫生教育'}, 
                {name:'认知科学与技术'},
                {name:'融合教育'}
              ]
            },
            {
              name:'（二）体育学类',
              lable:[
                {name:'体育教育'}, 
                {name:'运动训练'}, 
                {name:'社会体育指导与管理'}, 
                {name:'武术与民族传统体育'}, 
                {name:'运动人体科学'}, 
                {name:'运动康复'}, 
                {name:'休闲体育'}, 
                {name:'体能训练'},
                {name:'冰雪运动'},
                {name:'电子竞技运动'},
                {name:'智能体育工程'},
                {name:'体育旅游'},
                {name:'运动能力开发'},
              ]
            }
          ]
          this.m3 = [
            '（一）教育学、教育技术学、教育康复学、认知科学与技术等13个教育学类专业；',
            '（二）体育教育、社会体育指导与管理、电子竞技运动与管理武术与民族传统体育等13个体育学类专业。'
          ]
        }
        
      }
    })
  </script>
</body>
</html>